<!--
  Generated template for the ProductlistPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
    <ion-navbar>
        <ion-searchbar (input)="searchData()"></ion-searchbar> 
        
    </ion-navbar>

</ion-header>


<ion-content>

  <!-- 2.0 列表内容， 搜索出来的内容 -->
  <div class="list_content" *ngIf="!flag">
      <div class="sub_header">
          <div>综合</div>
          <div>销量</div>
          <div>价格</div>
      </div>
  
      <ion-list inset>
        <ion-item *ngFor = "let item of list">
          <ion-thumbnail item-left>
            <img [src]='config.apiUrl+item.s_pic' />
          </ion-thumbnail>
          <h2>{{item.title}}</h2>
          <p>价格<span>{{item.price}}</span>元</p>
  
        </ion-item>
      </ion-list>

      <ion-infinite-scroll (ionInfinite)="doMoreLoadData($event)">
          <ion-infinite-scroll-content></ion-infinite-scroll-content>
      </ion-infinite-scroll>
  
    </div>

</ion-content>
